<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			header {
				text-indent: 5em;
			}
			h2{
				font-weight:300;
				color:#ACACAC;
			}
			section div.cc {
				background-image: url(src/banner.png);
				border: solid 1px white;
				background-repeat: no-repeat;
				background-size: cover;
				width: 1139px;
				height: 340px;
				padding: 100px;
			}

			#j1 {
				float: right;
				background: white;
				width: 300px;
				height: 220px;
				padding: 30px;
			}

			#p1 {
				color: gray;
				font-size: 25px;
				
			}

			#p2 {
				color: red;
				font-size: 20px;
				float: right;
			}

			#p3 {
				float: right;
			}

			#b1 {
				border: solid 1px red;
				width: 280px;
				height: 30px;
				padding: 0px;
				text-align: center;
				margin: auto;
				line-height: 30px;
				background: red;
				color: white;
				font-weight: bold;
			}

			#c1 {
				text-align: center;
			}
			img{
				vertical-align: middle;
			}
			#userName{
				height: 26px;
				border-style: inset;
				border-color: #DDDDDD;
				border-width: 1px;
				 padding-left: 40px;
				background-image: url(src/icon1.jpg);
				background-position: left center;
				background-repeat: no-repeat;
			}
			#Password{
				height: 26px;
				border-style: inset;
				border-color: #DDDDDD;
				border-width: 1px;
				 padding-left: 40px;
				background-image: url(src/icon2.jpg);
				background-position: left center;
				background-repeat: no-repeat;
			}
		</style>
	</head>
	<body>
		<header>
			<h2><img src="src/logo.png">&nbsp;&nbsp;&nbsp;欢迎登陆</h2>
		</header>
		<section>
			<div class="cc">
				<div id="j1">
					<span id="p1">京东会员</span>
					<span id="p2"><img src="src/icon5.jpg">立即注册</span>
					<form action="#" method="get">
						<p>
							<input type="text" name="userName"  id="userName" placeholder="邮箱/用户名/手机号"/>
						</p>
						<p>
							<input type="password" id="Password" />
						</p>
						<p>
							<input type="checkbox" value="autoLogin" />自动登录
							<span id="p3">忘记密码？</span>
							</from>
							<div id="b1">登录</div>
				</div>
			</div>
		</section>
		<footer>
			<p id="c1">关于我们| 联系我们| 人才招聘| 商家入驻| 广告服务|
				手机京东| 友情链接| 销售联盟| 京东社区| 京东公益| English Site</p>
			<p id="c1">Copyright?2004-2017 京东JD.com 版权所有</p>
		</footer>
	</body>
</html>
